const signInBtn = document.getElementById("signIn");
const signUpBtn = document.getElementById("signUp");
const fistForm = document.getElementById("form1");
const secondForm = document.getElementById("form2");
const container = document.querySelector(".container");

// 切换视图
signInBtn.addEventListener("click", () => {
	container.classList.remove("right-panel-active");
});

signUpBtn.addEventListener("click", () => {
	container.classList.add("right-panel-active");
});

fistForm.addEventListener("submit", (e) => e.preventDefault());
secondForm.addEventListener("submit", (e) => e.preventDefault());


const rainbowText = document.querySelector('.rainbow-text');
let colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];
let angle = 0;
setInterval(() => {
	let gradient = `linear-gradient(${angle}deg, ${colors.join(', ')})`;
	rainbowText.style.backgroundImage = gradient;
	angle += 10;
}, 100);



let log = console.log;
//   登录函数
function login(_xxz) {
	// 1 验证 数据的合法性
	if (!_xxz.q_username.value && !_xxz.q_password.value) {
		alert("账号和口令不能为空！");
		return false;
	}else if(!_xxz.q_username){
		alert("账号不能为空!");
		return false;
	}else if(!_xxz.q_password)
	{
		alert("密码不能为空!");
		return false;
	}
	
	// 2 发起 post的 Ajax请求 只对登录表单进行刷新  创建一个请求数据对象，将表单中的账号和口令保存为 h_username 和 h_password
	let req_data = { 
		h_username: _xxz.q_username.value, 
		h_password: _xxz.q_password.value 
	};
	// 将页面 账户与密码的name值 与 后端交互数据的 h_username 和h_password绑定起来

	// fetch 函数用于发送 AJAX 请求。
	fetch("cgi-bin/login", {
		method: "POST",
		body: JSON.stringify(req_data),   // JSON.stringify(req_data) 将请求数据对象转为 JSON 格式发送。
		headers: {
			//请求头: 设置 "content-type" 为 "application/json"，表明发送的内容是 JSON 数据。
			"content-type": "application/json"
		},
	})
	.then(resp => resp.json())
	.then(data => {      
		// .then(resp => resp.json()) 服务器返回的响应内容被转换为 JSON 格式，以便后续处理。
		console.log(data);
		if (data.code == 0) {
			// 将用户信息（如ID、昵称、头像地址）保存在 localStorage 中，方便后续页面使用。
			localStorage.uid = data.user.id;
			localStorage.nickname = data.user.nickname;
			localStorage.head = data.user.head;
			
			location.href = "/index.html";
		} else {
			_xxz.reset();
			alert(data.msg);
		}
	})
	return false;
}


